<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>问卷可视化</title>
		<script src="echarts.js"></script>
		<link rel="stylesheet" href="index.css" />
		<link rel="stylesheet" href="./layui/css/layui.css" />
	</head>
	<body>
		<script src="./layui/layui.js"></script>
		<!-- 侧边栏 -->
		<ul class="layui-nav layui-nav-tree layui-nav-side">
      <div class="title">问卷可视化</div>
			<li class="layui-nav-item item" id="option2"><a>年级</a></li>
			<li class="layui-nav-item item" id="option3"><a>设备/材料</a></li>
			<li class="layui-nav-item item" id="option4"><a>额外功能</a></li>
			<li class="layui-nav-item item" id="option5">
				<a>时间最长的课时</a>
			</li>
			<li class="layui-nav-item item" id="option6">
				<a>线上学习时间</a>
			</li>
			<li class="layui-nav-item item" id="option7"><a>学习状态</a></li>
			<li class="layui-nav-item item" id="option8"><a>家人陪伴</a></li>
			<li class="layui-nav-item item" id="option9">
				<a>课堂组织形式</a>
			</li>
			<li class="layui-nav-item item" id="option10">
				<a>线上课程内容</a>
			</li>
			<li class="layui-nav-item item" id="option11">
				<a>知识点解决办法</a>
			</li>
			<li class="layui-nav-item item" id="option12">
				<a>课堂互动频率</a>
			</li>
			<li class="layui-nav-item item" id="option13"><a>主要问题</a></li>
			<li class="layui-nav-item item" id="option14">
				<a>线上学习行为</a>
			</li>
			<li class="layui-nav-item item" id="option15"><a>培养能力</a></li>
			<li class="layui-nav-item item" id="option16"><a>满意度</a></li>
			<li class="layui-nav-item item" id="option17"><a>优势</a></li>
			<li class="layui-nav-item item" id="option18"><a>不足</a></li>
			<li class="layui-nav-item item" id="option19">
				<a>促进线上学习</a>
			</li>
			<li class="layui-nav-item item" id="option20"><a>学习模式</a></li>
			
		</ul>

		<div class="main">
			<div id="p1" style="width: 1400px; height: 800px"></div>
		</div>

		<script src="options.js"></script>
	</body>
</html>
